<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/common/includes.jsp" %>

<!DOCTYPE html>
<html>
<head>
	<title>zzzzzz</title>
	<%@ include file="/WEB-INF/common/meta.jsp" %>
	<%@ include file="/WEB-INF/common/global_res.jsp" %>
	
	<script type="text/javascript" src="${ctx}/res/js/follow_unfollow.js" ></script>
	<script type="text/javascript" src="${ctx}/res/js/comment_with_reply.js" ></script>
	<script type="text/javascript" src="${ctx}/res/js/loadmore.js" ></script>
	<script type="text/javascript" src="${ctx}/res/js/confirm_dialog.js"></script>
	<script type="text/javascript" src="${ctx}/res/js/like_unlike.js" ></script>
</head>
<body class="light-gray-bg">

<%@ include file="/WEB-INF/common/header.jsp" %>

<div class="container">
	<div id="topic_view" class="row">
		<div class="right-sidebar mvl clearfix">
			<div class="content">
				<%@ include file="include/view/content.jsp" %>
				<%@ include file="include/view/comment.jsp" %>
			</div>
			<div class="sidebar">
				<%@ include file="include/view/sidebar.jsp" %>
			</div>
		</div>
	</div>
</div>

<div data-dom-id="confirm-dialog" class="confirm-dialog" style="display: none;">
	<div data-dom-id="confirm-message" class="confirm-message"></div>
	<div class="confirm-actions" align="right">
		<input type="button" data-dom-id="confirm-cancel" class="btn style3 medium" value="Cancel" /><input type="button" data-dom-id="confirm-ok" class="btn style1 medium mls" value="Ok" />
	</div>
</div>

<div id="back_to_top"><span class="arrow-n"></span></div>

<%@ include file="/WEB-INF/common/footer.jsp" %>

<script type="text/javascript" charset="utf-8">

jq(document).ready(function() {

	new FollowUnfollow({
		'j_follow_unfollow_link' : jq('a[href="#follow_unfollow_link"]'),
		'_follow_url' : "${ctx}/users/follow",
		'_unfollow_url' : "${ctx}/users/unfollow"
	});

	new LikeUnlike({
		'j_like_unlike_link' : jq('a[href="#like_unlike_link"]'),
		'j_share_link' : jq('a[href="#share_link"]'),
		'_like_unlike_url' : "${ctx}/topic/like_or_unlike"
	});

	new CommentWithReply({
		'j_comment_add_form' : jq("[data-comment-dom-id=add-comment-form]"),
		'j_comment_reply_form' : jq("[data-comment-dom-id=add-reply-form]"),
		'j_comment_add_textarea' : jq("[data-comment-dom-id=add-comment-textarea]"),
		'j_comment_reply_textarea' : jq("[data-comment-dom-id=add-reply-textarea]"),
		'j_comment_entry_content' : jq("[data-comment-dom-id=entry-content]"),
		'j_comment_entry_options' : jq("[data-comment-dom-id=entry-options]"),
		'j_add_comment_link' : jq('a[href="#add_comment_link"]'),
		'j_add_reply_link' : jq('a[href="#add_reply_link"]'),
		'_delete_comment_url' : "${ctx}/comment/delete"
	});
	
	new LoadMore({
		'j_view_more_button' : jq("[data-loadmore-dom-id=view-more-container] a")
	});
	
});

</script>

</body>
</html>